<?php ?>
<script>
    $(document).ready(function() {
        function enviarDatos(){
            if($('#iUsuario').val() && $('#iPassword').val()){
                //enviamos los valores para comprobación
                $.ajax({
                    type: "POST",
                    url:'direc.php',
                    data:{
                        'url':'controller/login/validar.php',
                        'iUsuario':$('#iUsuario').val(),
                        'iPassword':$('#iPassword').val(),
                        'content':'false'
                    },
                    success: function(a){
                        if (a=='1'){
                            location.href="index.php";
                        }else{
                            showMessage (a);
                        }

                    }
                });
                //alert($('#iUsuario').val());
            }
            else{ // si no trae valores en los campos
                showMessage ('Debe ingresar el usuario y la contraseña');
            }
        }


        $('#botonLogin').button();
        $('#iUsuario').keyup(function(event) {
            if (event.which == 13) {
                enviarDatos();
            }
        });
        $('#iPassword').keyup(function(event) {
            if (event.which == 13) {
                enviarDatos();
            }
        });
        
        $('#botonLogin').click(function(){
            enviarDatos();
        });
    });

    function showMessage (msn){
        $( "#dialog-message" ).html(msn);
        $( "#dialog-message" ).dialog({
            modal: true,
            buttons: {
                'Aceptar': function() {
                    $( this ).dialog( "close" );
                }
            }
        });
    }
</script>

<div class="container_12" style="margin-top: 25%">
    <div class="clear"></div> 
    <div class="grid_12 ui-widget-header box" >


        <div class="grid_7">
            <div>
                <img src="view/login/imagenes/banner1.jpg"></img>
            </div>
        </div>

        <div class="grid_4 ">
            <div class=" formularioLogin">
                <div class="ui-widget-content campos">
                    <div><label>Usuario: </label> <input  id= "iUsuario"/></div> <br>
                    <div><label>Contraseña: </label> <input  id="iPassword" type="password" /></div> <br>
                    <a href="#" id="botonLogin">Ingresar</a>
                </div>
            </div>
        </div>

    </div>
</div>
<div id="dialog-message" title="Atención" class="dialogos">dfd</div>